<template>
  <div>
    <Mtitle MtitleTxt="账号安全" />
    <h4>账号密码</h4>
    <Cell :cellTxt="cellTxt[0]" />
    <Cell :cellTxt="cellTxt[1]" />
    <h4>账号关联</h4>
    <Cell4 :cellTxt="cellTxt2[0]" />
    <Cell4 :cellTxt="cellTxt2[1]" />

    <Cell :cellTxt="cellTxt[2]" class="del" />
  </div>
</template>

<script>
import Mtitle from "../../../components/my/Mtitle.vue";
import Cell from "../../../components/my/Cell.vue";
import Cell4 from "../../../components/my/Cell4.vue";

export default {
  components: {
    Mtitle,
    Cell,
    Cell4,
  },
  data() {
    return {
      cellTxt: [
        {
          left: "手机号",
          right: "****",
          chref: "",
        },
        {
          left: "设置密码",
          chref: "/my/setpwd",
        },
        {
          left: "注销账号",
          chref: "/my/delaccount",
        },
      ],
      cellTxt2: ["微信", "QQ"],
    };
  },
};
</script>

<style lang="scss" scoped>
h4 {
  font-size: 28px;
  margin: 90px 0 40px 30px;
}
.del {
  margin-top: 100px;
}
</style>